use yew::prelude::*;

#[derive(Clone, PartialEq, Properties)]
pub struct NumberLabelProps {
    #[prop_or_default]
    pub title: String,
    #[prop_or_default]
    pub text: String,
    #[prop_or_default]
    pub postfix: String,
}

#[function_component]
pub fn NumberLabel(props: &NumberLabelProps) -> Html {
    html! {
        <div class="number-label">
            <p class="number-label-title">{&props.title}</p>
            <p class="number-label-text">{&props.text}<span class="number-label-postfix">{&props.postfix}</span></p>
        </div>
    }
}